<div ng-init="init();" class="kmi-layout-content E03-content">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="header-title" ng-bind="'E03.title' | translate"></div>
        <div class="header-logo"></div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'E03.plot_no' | translate"></label>
                <input class="value" ng-model="condition.plot_no"></input>
                <div class="tip search" ng-click="loadPlotList();"><img src="image/icons/search.png"></img> </div>
                <button class="mdl-button mdl-js-button kmi-checkbox ng-binding" ng-click="condition.factory=1">
                    <img ng-src="{{condition.factory==1?'image/icons/check1.png':'image/icons/check0.png'}}">
                    <label ng-bind="'E03.unfactory' | translate"></label>
                </button>
                <button class="mdl-button mdl-js-button kmi-checkbox ng-binding" ng-click="condition.factory=0">
                    <img ng-src="{{condition.factory==0?'image/icons/check1.png':'image/icons/check0.png'}}">
                    <label ng-bind="'E03.infactory' | translate"></label>
                </button>
                <div class="kmi-button kmi-button-confrim" ng-click="search()" style="width:100px">
                    <label ng-bind="'common.btn.search' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
            <div class="kmi-text-fields" style="justify-content: flex-end;">
                <label class="label" ng-bind="'E03.generated' | translate" ></label>
                <label class="value generation" ng-class="getGenerated()" ng-bind="'E03.generated.s_'+generated | translate"></label>
                <div class="kmi-button kmi-button-confrim" style="width:100px" ng-disabled="generated != 1">
                    <label ng-bind="'E03.btn.serial_preview' | translate"></label>
                    <div class="kmi-can-click" ng-click="serialPreview()"></div>
                </div>
            </div>
            <div class="kmi-list column-selector" column-selector-id="plot_info_detail">
                <div class="kmi-list__header">
                    <!-- <div class="kmi-list__column require">
                        <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="selectAll();">
                            <img ng-src="{{isSelectAll?'image/icons/check1.png':'image/icons/check0.png'}}"></img>
                        </button>
                    </div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'E03.list.column1' | translate"></div> -->
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'E03.list.column2' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in getPages(pcs_detail, PageConfig, pcs_filter) track by $index">
                        <!-- <div class="kmi-list__column">
                            <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="itemClick(item, $index);">
                                <img ng-src="{{item.isSelect=='true'?'image/icons/check1.png':'image/icons/check0.png'}}"></img>
                            </button>
                        </div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.print_label_num"></div> -->
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.pcs_no"></div>
                    </div>
                </div>
            </div>
            <div class="page-content">
                <div class="page-icon">
                    <img src="image/icons/dropleft.png"></img>
                    <div class="kmi-can-click" ng-click="PageConfig.page = (PageConfig.page-1<0?0:PageConfig.page-1);"></div>
                </div>
                <label ng-bind="(PageConfig.page +1)+' / '+PageConfig.total_page"></label>
                <div class="page-icon">
                    <img src="image/icons/dropright.png"></img>
                    <div class="kmi-can-click" ng-click="PageConfig.page = (PageConfig.page+1>(PageConfig.total_page-1)?(PageConfig.total_page-1):PageConfig.page+1);"></div>
                </div>
            </div>
        </div>
        <div class="kmi-layout-footer">
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1" ng-hide="generated == 2"
            ng-click="confirm();" ng-disabled="!pcs_detail || pcs_detail.length==0">
              <i class="material-icons">done</i>
            </button>
        </div>
    </div>
</div>
